<p class="modal-title">Edit/Add Hotel</p>
<hr/>
<div class="modal-content">
    <div class="well">
        <form>
            <div class="form-group">
                <label>Holidex Code</label>
                <input type="text" id="code" placeholder="Use this id for login" class="form-control ng-pristine ng-valid modal-input" ng-model="hotel.code" ng-change="closeAllTooltip()" data-toggle="popover" data-placement="right" data-content="Please input LoginID" title="" data-original-title="Error">
            </div>
            <div class="form-group">
                <label>Hotel Name</label>
                <input type="text" id="name" placeholder="Use this id for login" class="form-control ng-pristine ng-valid modal-input" ng-model="hotel.name" ng-change="closeAllTooltip()" data-toggle="popover" data-placement="right" data-content="Please input LoginID" title="" data-original-title="Error">
            </div>
            <div class="form-group">
                <label for="input01">Sub-Region</label>
                <select class="form-control" ng-options="div.name for div in regions track by div.id" ng-model="hotel.region" ng-change="regionChange(hotel.region.id)">
                </select>
                <p class="help-block"></p>
            </div>
            <div class="form-group">
                <label for="input01">Cluster</label>
                <select class="form-control" ng-options="div.name for div in clusters track by div.id" ng-model="hotel.cluster">
                    <option value="">--- Cluster ---</option>
                </select>
                <p class="help-block"></p>
            </div>
            <div class="form-group">
                <!-- Text input-->
                <label for="input01">Brand</label>
                <select class="input-large" ng-model="hotel.brand">
                    <option value="IC">Inter Continental </option>
                    <option value="CP">Crowne Plaza</option>
                    <option value="HI">Holiday Inn</option>
                    <option value="Indigo">Indigo</option>
                    <option value="HIEX">Holiday Inn Express</option>
                    <option value="HUALUXE">HUALUXE</option>
                </select>
                <!-- <input type="text" placeholder="" ng-model="formData.payment" class="input-large"> -->
                <p class="help-block"></p>
            </div>
            <div class="form-group">
                <!-- Text input-->
                <label for="input01">Hotel Type</label>
                <select class="input-large" ng-model="hotel.type">
                    <option value="Operating">Operating</option>
                    <option value="PreOpening">PreOpening</option>
                </select>
                <!-- <input type="text" placeholder="" ng-model="formData.payment" class="input-large"> -->
                <p class="help-block"></p>
            </div>
            <div class="form-group">
                <!-- Text input-->
                <div class="checkbox">
                    <label>
                        <input type="checkbox" ng-model="hotel.top20">Is Top 25?
                    </label>
                </div>
            </div>
            <div class="btn-group modal-buttons">
                <div class="pull-right">
                    <a class="btn btn-primary ok-button" ng-click="editHotel()">Submit</a>
                    <a class="btn btn-primary cancel-button" ng-click="closeDialog()">Cancel</a>
                </div>
            </div>
        </form>
    </div>
</div>
